<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>练习4</title>
  <script src="../js/jquery-3.7.1.min.js"></script>
  <script type="text/javascript">
    $(function () {
      // b1  使单选下拉框的'2号'被选中
      $("#b1").click(function () {
        $("#one").val("2号")
      })
      // b2  使多选下拉框选中的'2号'和'5号'被选中
      $("#b2").click(function () {
        $("#many").val(["2号", "5号"]);
      })
      // b3  使复选框的'复选2'和'复选4'被选中
      $("#b3").click(function () {
        $("input[type=checkbox]").val(["check2","check4"]);
      })
      // b4  使单选框的'单选2'被选中
      $("#b4").click(function () {
        $("input[type=radio]").val(["radio2"]);
      })
    })
  </script>
</head>
<body>
<input type="button" id="b1" value="使单选下拉框的'2号'被选中"/><br><br>
<input type="button" id="b2" value="使多选下拉框选中的'2号'和'5号'被选中"/><br><br>
<input type="button" id="b3" value="使复选框的'复选2'和'复选4'被选中"/><br><br>
<input type="button" id="b4" value="使单选框的'单选2'被选中"/><br><br>
<hr/>

<select id="one">
  <option>1号</option>
  <option>2号</option>
  <option>3号</option>
</select>
&nbsp;&nbsp;
<select id="many" multiple="multiple" style="height:120px;">
  <option>1号</option>
  <option>2号</option>
  <option>3号</option>
  <option>4号</option>
  <option>5号</option>
  <option>6号</option>
</select>
<br/><br/>
<input type="checkbox" name="c" value="check1"/> 复选1
<input type="checkbox" name="c" value="check2"/> 复选2
<input type="checkbox" name="c" value="check3"/> 复选3
<input type="checkbox" name="c" value="check4"/> 复选4
<br/><br>
<input type="radio" name="r" value="radio1"/> 单选1
<input type="radio" name="r" value="radio2"/> 单选2
<input type="radio" name="r" value="radio3"/> 单选3
</body>
</html>
